<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>乐商城</title>
		<link href="css/base.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/new.css">
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-menu mui-icon mui-pull-left" onclick="history.back()">
			<span class="mui-sprite mui-sprite-return"></span>
		</a>
		<h1 class="mui-title">乐商城</h1>
	</header>
	<div class="content-wrap mui-content">
		<div class="slide">
			<div class="hd">
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="bd">
				<ul>
					<li>
						<a href="##"><img src="images/banner.png"></a>
					</li>
					<li>
						<a href="##"><img src="images/banner.png"></a>
					</li>
					<li>
						<a href="##"><img src="images/banner.png"></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="tab">
			<a class="active" href="javascript:void(0)">零售专区</a>
			<a href="javascript:void(0)">批发专区</a>
		</div>
		<div class="index-list">
			<ul>
				<li>
					<a href="##">
						<img src="images/img.png">
						<p>上等精选黄山贡茶优质春茶（典藏版）</p>
						<div>￥89</div>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/img.png">
						<p>上等精选黄山贡茶优质春茶（典藏版）</p>
						<div>￥89</div>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/img.png">
						<p>上等精选黄山贡茶优质春茶（典藏版）</p>
						<div>￥89</div>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/img.png">
						<p>上等精选黄山贡茶优质春茶（典藏版）</p>
						<div>￥89</div>
					</a>
				</li>

			</ul>
		</div>
	</div>
	<!--底部-->
		<nav class="mui-bar mui-bar-tab nav_tab">
			<a class="mui-tab-item1 mui-active" href="shop_index.html">
				<span class="mui-icon mui-sprite-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item1" href="shop_class.html">
				<span class="mui-icon mui-sprite-shop"></span>
				<span class="mui-tab-label">购物</span>
			</a>
			<a class="mui-tab-item1" href="shop_class.html">
				<span class="mui-icon mui-sprite-message"></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item1" href="personal.html">
				<span class="mui-icon mui-sprite-my"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		  <div class="alert-wrap" v-if="openMobile">
			<div class="layer-shade"></div>
		    <div class="layer-main">
		      <div class="layer-section">
			      <div class="layer-child special">
			        <h1>初次见面<br>送你一个现金红包</h1>
			        <p><span>￥</span>10.00</p>
			        <div class="layer-name">顺慈商城</div>
			        <div class="layer-btn">
			        	<a href="##">立即提现</a>
			        </div>
                    <div class="layer-close"  @click="closeBtn"></div>
			      </div>
		    	</div>
		    </div>
		</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	jQuery(".slide").slide({mainCell:".bd ul",autoPlay:true,effect:"left",autoPlay:true,vis:3});
</script>
</html>